<script>
  export let size = "1em";
  export let isColored = false;
</script>

<svg
  width={size}
  height={size}
  viewBox="0 0 16 16"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M8.04359 4.14648L14.6922 11.2937C14.8803 11.4959 14.8688 11.8123 14.6666 12.0004C14.4644 12.1884 14.1481 12.177 13.96 11.9748L7.95634 5.5209L5.05894 7.9354L1.53282 6.01207C1.2904 5.87983 1.20107 5.57612 1.3333 5.33369C1.46553 5.09127 1.76925 5.00194 2.01167 5.13417L4.94099 6.73198L8.04359 4.14648Z"
    fill={isColored ? "var(--color-blue-600)" : "var(--color-gray-800)"}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M14.6666 3.66645C14.8427 3.87919 14.813 4.19437 14.6002 4.37043L5.05785 12.2676L1.53282 10.3448C1.2904 10.2126 1.20107 9.90887 1.3333 9.66645C1.46553 9.42402 1.76925 9.33469 2.01167 9.46693L4.94208 11.0653L13.9626 3.60003C14.1754 3.42397 14.4906 3.45371 14.6666 3.66645Z"
    fill={isColored ? "var(--color-red-600)" : "var(--color-gray-500)"}
  />
</svg>
